<script setup>
import { RouterView } from 'vue-router'
</script>
<template>
    <div class="user">
        <div class="container">
            <h1>This is a default user page</h1>
            <p>Hello {{ $route.params.username }}!</p>
            <RouterView />
        </div>
    </div>
</template>

<style scoped>
@media (min-width: 1024px) {
    .user {
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
    .user .container {
        display: flex;
        flex-direction: column;
    }
}
</style>